<template>
	<div>
		<!--头部-->
		<div class="ade-header">
			<div class="inner">
				<div class="float-left ade-logo-wall logo" style="width: 260px;height: 36px;margin-top: 20px;">
					<a href=""><img src="../../static/images/logo3.png" alt=""></a>
				</div>
				<div class="float-left" style="padding-left: 6%">
					<a class="nav  active " href="">首页</a>
					<div class="nav">
						<span>社会化营销</span>
						<router-link to="login">
							<ul class="sect">
								<li>软文推广</li>
								<li>自媒体推广</li>
								<li>小红书推广</li>
								<li>微信推广</li>
								<li>微博推广</li>
							</ul>
						</router-link>
					</div>
					<div class="nav">
						<span>视频营销</span>
						<router-link to="login">
							<ul class="sect">
								<li>直播推广</li>
								<li>抖音推广</li>
								<li>快手推广</li>
								<li>带货推广</li>
							</ul>
						</router-link>
					</div>
					<div class="nav">
						<span>营销方案</span>
						<!--  -->
						<router-link to="distribut">
							<a href="#" target="_blank">
								<ul class="sect">
									<li>节日活动</li>
									<li>电商促销</li>
									<li>整合营销</li>
									<li>品牌推广</li>
									<li>新品推广</li>
								</ul>
							</a>
						</router-link>
					</div>
					<router-link to="oem">
						<div class="nav ">免费OEM</div>
					</router-link>
				</div>
				<div class="float-right">
					<router-link tag="a" target="_blank" to="regist">
						<div class="nav">注册</div>
					</router-link>
					<router-link tag="a" target="_blank" to="login">
						<a class="nav">登录</a>
					</router-link>
				</div>
			</div>
		</div>

		<div class="banner-content">
			<p class="banner-text-one">口号帮云资源</p>
			<p class="banner-text-two">全媒体一站式投放，聚合渠道优势资源，专业渠道商，提供优质快捷服务</p>
			<a href="javascript:;" target="_blank" class="banner-btn" style="color:#fff;background:#f4bc1a;font-weight:bold;font-size:24px;text-decoration: none">立即加入</a>
			<div class="banner-bottom-box" style="background:#fff;">
				<div class="banner-bottom-main" style="color:#000;">
					<span><span class="banner-num">寻</span><span class="banner-bottom-text">品牌广告主</span></span>
					<div class="banner-line"></div>
					<span><span class="banner-num">找</span><span class="banner-bottom-text">认证媒体资源</span></span>
					<div class="banner-line"></div>
					<span><span class="banner-num">布</span><span class="banner-bottom-text">主流平台渠道</span></span>
					<div class="banner-line"></div>
					<span><span class="banner-num">跟</span><span class="banner-bottom-text">订单实时状态</span></span>
				</div>
			</div>
		</div>

		<!-- 0-0.5    -->
		<div class="bt30">
			<div class="title-box">
				<p class="comm-title">我们能干什么</p>
				<p class="comm-text">一站式媒体直投服务平台</p>
				<div class="short-line"></div>
			</div>
			<div class="can-do-list">
				<div class="can-do-item">
					<div class="can-do-img"><img style="width: 60%;" src="../../static/img/wedo1.png"></div>
					<div class="can-do-line"></div>
					<h5>新闻稿发布</h5>
					<p>新闻稿发布，4000家已验证权威网络媒体资源，覆盖全行业，全渠道，全天发稿服务。</p>
					<div class="can-do-btn">
						<a href="#/home" target="_blank">立即查看</a>
					</div>
				</div>
				<div class="can-do-item">
					<div class="can-do-img"><img style="width: 60%;" src="../../static/img/wedo2.png"></div>
					<div class="can-do-line"></div>
					<h5>全媒体投放</h5>
					<p>头条，百家，抖音短视频，微博，微信，1万+媒体资源，急速投放，快速响应，品牌效应快速布局。</p>
					<div class="can-do-btn">
						<a href="#/home" target="_blank">立即查看</a>
					</div>
				</div>
				<div class="can-do-item">
					<div class="can-do-img"><img style="width: 60%;" src="../../static/img/wedo3.png"></div>
					<div class="can-do-line"></div>
					<h5>一站式营销服务</h5>
					<p>为企业提供成熟的营销计划，由专业人员代为设计、投放、推广，以经过验证和成熟的营销规划来快速实现目标。</p>
					<div class="can-do-btn">
						<a href="#/home" target="_blank">立即查看</a>
					</div>
				</div>
				<div class="can-do-item">
					<div class="can-do-img"><img style="width: 60%;" src="../../static/img/wedo4.png"></div>
					<div class="can-do-line"></div>
					<h5>媒体广告定制服务</h5>
					<p>根据公司的产品、行业等特点，由5-15年营销专家提供定制化营销服务，专人专项服务，实现宣传目标，让每一笔钱花在刀刃上。</p>
					<div class="can-do-btn">
						<a href="#/home" target="_blank">立即查看</a>
					</div>
				</div>
			</div>
		</div>
		<!-- 0-0.5    -->
		<div class="one-content">
			<div class="title-box">
				<p class="comm-title">我们的优势</p>
				<div class="short-line"></div>
			</div>
			<div class="one-main flex">
				<div class="one-box">
					<div class="one-box-img">
						<img src="../../static/images/service-agent-excellent.svg" style="width:78px;" alt="">
					</div>
					<p>媒介优选资源</p>
				</div>
				<div class="one-box">
					<div class="one-box-img">
						<img src="../../static/images/service-agent-onebyone.svg" style="width:95px;" alt="">
					</div>
					<p>专属投放方案</p>
				</div>
				<div class="one-box">
					<div class="one-box-img">
						<img src="../../static/images/service-agent-multi.svg" style="width:77px;" alt="">
					</div>
					<p>多平台投放</p>
				</div>
				<div class="one-box">
					<div class="one-box-img">
						<img src="../../static/images/service-agent-monitor.svg" style="width:73px;" alt="">
					</div>
					<p>投放状态监控</p>
				</div>
			</div>
		</div>

		<!--4-->
		<div class="five-content">
			<div class="title-box">
				<p class="comm-title">投放状态监测</p>
				<p class="comm-text">为每个广告主提供高端、品质的资源渠道，找到合适、超性价比发声口，全方位跟踪投放，提升品牌传播效果</p>
				<div class="short-line"></div>
			</div>
			<div class="five-main">
				<div class="five-box flex">
					<div class="five-box-img flex">
						<img src="../../static/images/service-agent-match.svg" style="width:30px;" alt="">
					</div>
					<div class="five-box-text" style="margin-left: 8px">“门当户对” 自主选择媒介资源</div>
				</div>
				<div class="five-box flex">
					<div class="five-box-img flex">
						<img src="../../static/images/service-agent-track.svg" style="width:30px;" alt="">
					</div>
					<div class="five-box-text">实时追踪投放渠道状态</div>
				</div>
				<div class="five-box flex">
					<div class="five-box-img flex">
						<img src="../../static/images/service-agent-feedback.svg" style="width:30px;" alt="">
					</div>
					<div class="five-box-text">结案反馈，媒介主实时回馈</div>
				</div>
			</div>
		</div>

		<!--5-->
		<div class="six-content">
			<div class="title-box">
				<p class="comm-title">投放流程</p>
				<div class="short-line"></div>
			</div>
			<div class="six-main">
				<div class="sale-process-icon flex">
					<div class="box-four-sale">
						<div class="sale-circle">
							<img src="../../static/images/service-agent-instruction.svg" style="width: 54px">
						</div>
					</div>
					<img class="homepage-arrow1" src="../../static/images/service-trade-homepage-arrow1.svg">
					<div class="box-four-sale">
						<div class="sale-circle">
							<img src="../../static/images/service-agent-project.svg" style="width: 58px">
						</div>
					</div>
					<img class="homepage-arrow1" src="../../static/images/service-trade-homepage-arrow1.svg">
					<div class="box-four-sale">
						<div class="sale-circle">
							<img src="../../static/images/service-agent-confirmation.svg" style="width: 57px">
						</div>
					</div>
				</div>
				<div class="sale-process-text">
					<span style="margin-left: 15px">创建投放项目</span>
					<span style="margin-left: 260px">跟踪/调整项目</span>
					<span style="margin-left: 242px">投放结果反馈/分析</span>
				</div>
			</div>
		</div>
		<!--6-->
		<div class="six-content" style="border-bottom:30px solid #f9f9f9;">
			<div class="title-box">

				<p class="comm-title">服务流程</p>
				<div class="short-line"></div>
			</div>
			<div class="six-main">
				<div class="sale-process-icon flex">
					<div class="box-four-sale">
						<div class="sale-circle">
							<img src="../../static/images/r1.png" style="width: 54px">
						</div>
					</div>
					<img class="homepage-arrow1" src="../../static/images/service-trade-homepage-arrow1.svg">
					<div class="box-four-sale">
						<div class="sale-circle">
							<img src="../../static/images/r2.png" style="width: 58px">
						</div>
					</div>
					<img class="homepage-arrow1" src="../../static/images/service-trade-homepage-arrow1.svg">
					<div class="box-four-sale">
						<div class="sale-circle">
							<img src="../../static/images/r3.png" style="width: 57px">
						</div>
					</div>
				</div>
				<div class="sale-process-text">
					<span style="margin-left: 15px">申请/审核入驻</span>
					<span style="margin-left: 260px">发布优势资源</span>
					<span style="margin-left: 262px">接单/反馈订单</span>
				</div>
			</div>
		</div>


		<news-content></news-content>
		<footerPage></footerPage>
		<right-fixed></right-fixed>

	</div>
</template>

<script>
	import newsContent from "../components/news-content"
	import footerPage from "../components/footer"
	import rightFixed from "../components/right-fixed"
	export default {
		components: {
			newsContent,
			footerPage,
			rightFixed
		},
		data() {
			return {
				tabIndex: 1,
			}
		},

		methods: {
			setTabIndex(num) {
				this.tabIndex = num;
			},
			toDis() {
				this.$router.push('/distribut')
			}
		}
	}
</script>

<style>
	@import url("../../static/css/a12a545b1714f.css");
	@import url("../../static/css/c43b64ccb0b4a.css");
	@import url("../../static/css/b24663a3c8dd0.css");
	@import url("../../static/css/p_reset.css");
	@import url("../../static/css/p_index.css");
	@import url("../../static/css/baidujinjia.css");
	@import url("../../static/css/icon.css");
	@import url("../../static/css/mobile.css");
	@import url("../../static/css/shouye.css");

	.a-color {
		color: white;
	}

	page {
		background-color: #FFFFFF;
	}

	.ade-header .nav {
		padding: 34px 15px;
		line-height: 1;
		font-size: 18px;
		font-weight: bold;
		display: inline-block;
		vertical-align: middle;
		border-bottom: 3px solid #fff;
		color: #666;
		position: relative;
	}

	.ade-header .nav:hover {
		text-decoration: none;
		color: #ff6900;
		cursor: pointer;
	}

	.ade-header .nav.active,
	.ade-header .sect li:hover {
		color: #ff6900;
		border-bottom-color: #ff6900;
	}

	.ade-header .nav:hover .sect {
		display: block;
		color: #666;
	}

	.ade-header .sect {
		position: absolute;
		width: 120px;
		top: 80px;
		left: 0;
		text-align: center;
		box-shadow: 0 0 10px #e9e9e9;
		background: #fff;
		z-index: 999;
		display: none;
		padding: 6px;
	}

	.ade-header .sect li {
		padding: 12px 0;
		border-bottom: 1px solid #e9e9e9;
		font-size: 15px;
	}
</style>
